Skip to content

Update New Ticket button styling - #1354

Open
jmartinez-tacc wants to merge 2 commits into
mainfrom
task/wp-1320-new-ticket
Open

Update New Ticket button styling#1354
jmartinez-tacc wants to merge 2 commits into
mainfrom
task/wp-1320-new-ticket

Conversation

@jmartinez-tacc

Copy link
Copy Markdown
Contributor

Overview

Update New Ticket button styling to be consistent with the other buttons style

Related

Changes

  • Mimic the New Ticket style to match the secondary style

Testing

  1. Go to Dashboard
  2. New Ticket button styling should be consistent with the rest of the secondary buttons

UI

Screenshot 2026-09-01 at 11 41 50 AM Screenshot 2026-09-01 at 11 42 00 AM

Notes

@codecov

codecov Bot commented Sep 1, 2026

Copy link
Copy Markdown

Codecov Report

✅ All modified and coverable lines are covered by tests.
✅ Project coverage is 64.20%. Comparing base (4f493ec) to head (54d5e30).

Additional details and impacted files

Impacted file tree graph

@@           Coverage Diff           @@
##             main    #1354   +/-   ##
=======================================
  Coverage   64.20%   64.20%           
=======================================
  Files         464      464           
  Lines       13866    13866           
  Branches     2771     2771           
=======================================
  Hits         8903     8903           
  Misses       4609     4609           
  Partials      354      354           
Flag Coverage Δ
javascript 67.25% <ø> (ø)
unittests 60.97% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Files with missing lines Coverage Δ
client/src/components/Dashboard/Dashboard.jsx 73.17% <ø> (ø)
🚀 New features to boost your workflow:
  • ❄️ Test Analytics: Detect flaky tests, report on failures, and find test suite problems.
  • 📦 JS Bundle Analysis: Save yourself from yourself by tracking and limiting bundle sizes in JS merges.

@fnets fnets left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM! Good use of the CSS variables

<Link
to={`${ROUTES.WORKBENCH}${ROUTES.DASHBOARD}${ROUTES.TICKETS}/create`}
className="btn btn-secondary btn-sm"
className={styles['btn-new-ticket']}

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would the existing class names for c-button work here? Like

Suggested change
className={styles['btn-new-ticket']}
className="c-button c-button--secondary c-button--sm"

@jmartinez-tacc jmartinez-tacc Sep 3, 2026

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I tried that, it didn't work.
c-button classes are for <Button> some of the styling are not applied to this <Link> tag.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants